<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="书本列表" name="list">
        <tab-list></tab-list>
      </el-tab-pane>
      <el-tab-pane label="类型管理" name="type">
        <tab-type></tab-type>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import type { TabsPaneContext } from 'element-plus'
import tabList from './list/index.vue'
import tabType from './type/index.vue'

const activeName = ref('list')

const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}
</script>
<style></style>
